<template>
  <div class="case-content">
  <div class="case-head6">
    <h2>典型案例--工业机器人3D远程监控系统</h2>
  </div>
    <div class="case5-text">
      <h3>工业机器人3D远程监控系统</h3>
      <div class="case-text-p">
        <p>系统采用C/S开发模式与B/S开发相结合的整合模式建立系统架构，将C/S模式的基于硬件的高效与B/S模式基于网络的高效的优点结合起来，提高系统的灵活性、稳定性、可扩展性以及可维护性。底层数据采集基于OPC通讯标准协议，使设备驱动透明化。系统对数据库存储设备管理、设备数据、用户管理等信息进行设计，使用C#编程语言实现OPC客户端数据采集应用程序。建立了工业机器人的3D模型，基于WebGL的three.js框架开发了工业机器人虚拟现实场景功能模块和逆运动学函数接口，通过J2EE的WEB技术使用ssm框架开发了系统网页前后台程序。实现了工业机器人基于互联网环境的网页设备监控管理、设备虚拟现实展示等功能。</p>
      </div>
    </div>
    <div class="foo">
      <img src="../../img/imge88.jpg" alt=""  class="case1-img">
    </div>
    <div class="foo">
      <img src="../../img/imge89.jpg" alt=""  class="case1-img">
    </div>
  </div>
</template>

<script type="text/ecmascript-6">

</script>

<style lang="stylus" rel="stylesheet/stylus">
  .case-head6

    padding: 60px 0 10px 0
    width: 100%
    text-align: center


  .foo
    display: flex;
    justify-content: center;
    align-items: center;

  .case a
    text-decoration: none

  case1-img
    width 60%
  .case img
    border-radius: 10px

  .case-item
    padding: 20px
  .case5-text  h3
    margin 0 100px 10px 100px
  /*case页面CSS结束*/
  /*******************************case样式结束*********************************/

  /*******************************case-1页面CSS开始******************************/
  .case2
    margin: 0 100px 50px 100px
  .case-text-p p
    margin: 0 100px 20px 100px
    text-indent: 2em
</style>
